<template>
  <div calss="container">
    AA
    <h3>
      keepalive知识点(注释)
      <!-- keepalive组件，能够对组件进行缓存。 用法就是包裹 router-view 或者
      components is动态组件 当我去进行组件缓存之后，
      这个组件第一次进入，除了执行原本的生命周期，还会走activated激活状态
      离开走deactivated失去激活生命周期
      当下次进入这个组件的时候，只走activated激活生命周期 
      keepalive有几个属性
      includes    包含 缓存路由页面，根据页面的name属性。 
      exclude     排除(不包括) 
      max         最多缓存多少个页面路由，超出的自动删除最前面的 -->
    </h3>
  </div>
</template>

<script>
export default {
  name: "A",
  data() {
    return {};
  },
  // 计算属性
  computed: {},
  // 方法集合
  methods: {},
  // 生命周期 - DOM元素渲染前调用
  created() {
    console.log("A组件created 创建");
  },
  activated() {
    console.log("A组件activated 激活");
  },
  deactivated() {
    console.log("A组件deactivated 失去激活");
  },
  destroyed() {
    console.log("A组件destroyed 销毁");
  },
  // 生命周期 - DOM元素渲染后调用
  mounted() {},
  components: {},
};
</script>
<style lang="less" scoped></style>
